.mThumbnailScroller {
	-ms-touch-action: none;
	touch-action: none;
}

.mThumbnailScroller {
	overflow: auto;
	position: relative;
	background-color: #333;
	height: auto;
	float: left;
	
	/*
	padding: 10px;
	margin: 20px;*/
}


.mTSWrapper {
	position: absolute;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}


.mTS_horizontal .mTSContainer {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

ul.mTSContainer, ol.mTSContainer {
	list-style: none;
}

.mTSContainer {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li {
	position: relative;
	float: left;
}
.mThumbnailScroller li {
	margin: 4px;
	overflow: hidden;
	height:100%;
	list-style: none;
}

.mThumbnailScroller li:hover img{
	/*border: 2px solid rgba(0,0,0,.7);*/
}

.mThumbnailScroller li a {
	display: inline-block;
	color: #333;
	text-decoration: none;
	/*border: 7px solid rgba(255,255,255,.1);*/
}

.mTSThumb, ul.mTSContainer > li img {
	vertical-align: bottom;
}

.mThumbnailScroller li a img {
	border: none;
}


.mTSButtonLeft {
	left: 5px;
}
.mTSButton {
	background-color: rgba(0,0,0,.7);
	-moz-border-radius: 48px;
	-webkit-border-radius: 48px;
	border-radius: 48px;
}

.mTSButton {
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 14px;
	overflow: hidden;
	text-align: center;
	background-color: #000;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
	-moz-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
	-o-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
	-ms-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
	transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s;
}


.mTSButtonLeft, .mTSButtonRight {
	top: 50%;
	margin-top: -24px;
}

.mTSButtonCentor{
	top: 50%;
	margin-top: -24px;
	left:50%;
	margin-left: -24px;
}


.mTSButtonIconContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}

.mTSButtonIcon {
	display: inline-block;
	fill: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.mTSButtonRight {
	left: auto;
	right: 0;
}

.mTS-hidden {
	display:none;
}
